<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./skin/pub/css/font-awesome.min.css">
    <link rel="stylesheet" href="./skin/pub/css/bootstrap.css">
    <link rel="stylesheet" href="./skin/css/examinations.css">
    <link rel="shortcut icon" href="./skin/img/favicon.png">
    <style>
        .panel-title{
            color:#3c763d;
        }
        .panel-body{
            padding-left: 30px;;
        }
    </style>
    <title>精准测评</title>
</head>
<body>
<div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">
            <img alt="X+" src="./skin/img/logo.png">
        </a>
        <!--<p class="navbar-text navbar-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>-->
    </div>
</div>
<div class="container-fluid">
    <div class="container-fluid examinations">
        <ol class="breadcrumb">
            <li><i class="fa fa-home"></i><a href="#"> 考场选择</a></li>
            <li class="active">测试考场</li>
        </ol>
        <ul class="nav nav-tabs">
            <li role="presentation" class="active"><a href="#">精准测评</a></li>
        </ul>
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="panel panel-success">
                    <div class="panel-heading">
                        <h5 class="panel-title">友情提示：</h5>
                    </div>
                    <div class="panel-body">
                        <ol>
                            <li>考试时间：30分钟。</li>
                            <li>如果中途离开，系统将不记录考试成绩。</li>
                            <li>提交试卷后，可以看到阅卷解析 与精准测评报告。</li>
                        </ol>
                    </div>
                    <div class="panel-heading">
                        <h5 class="panel-title">试听：</h5>
                    </div>
                    <div class="panel-body">
                        为了保证您的听力考试顺利进行，请点击播放按钮试听
                        <p>
                            <audio controls="controls">
                                <source src="./source/listen.mp3" type="audio/ogg">
                                <source src="./source/listen.mp3" type="audio/mpeg">
                            </audio>
                        </p>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-6 col-md-4">
                                <div class="thumbnail">
                                    <img src="./skin/img/Clipboard.png" alt="精准测评">
                                    <div class="caption">
                                        <p style="text-align: center"><a href="./index.html" class="btn btn-primary" role="button">开始考试</a></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
            </div>
         </div>
    </div>
</div>
<script src="./skin/pub/js/jquery-1.11.3.min.js"></script>
<script src="./skin/pub/layer/layer.js"></script>
<script>
    $(document).ready(function(){
        var username = getCookie("username");
        var uid = getCookie("uid");
        if(username==null||uid==null){
            layer.confirm('您未登录系统，请登录系统。', {
                btn: ['确定'], //按钮
                shade: 1
            }, function(){
                window.open("login.html","_self");
            });
        }

    });
    //写cookies
    function setCookie(c_name, value, expiredays){
        var exdate=new Date();
        exdate.setDate(exdate.getDate() + expiredays);
        document.cookie=c_name+ "=" + escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
    }

    //读取cookies
    function getCookie(name)
    {
        var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");

        if(arr=document.cookie.match(reg))

            return (arr[2]);
        else
            return null;
    }

    //删除cookies
    function delCookie(name)
    {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval=getCookie(name);
        if(cval!=null)
            document.cookie= name + "="+cval+";expires="+exp.toGMTString();
    }
</script>
</body>
</html>